/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Popup Menu styles                                                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.popupMenu {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #eee #bbb #bbb #eee;
  z-index: 5010;
}

/* clear styles */
.popupMenu table,
  .popupMenu th,
  .popupMenu td,
  .popupMenu tr {
  padding: 0;
  margin: 0;
}

.popupMenu .line {
  cursor: pointer;
}

.popupMenu .line.inactive {
  cursor: default;
}

.popupMenu .label,
  .popupMenu .explanation {
  font: 10pt, Verdana, Arial, sans-serif;
}

.popupMenu .label {
  color: #30f;
  text-align: left;
  padding: 3px 5px;
}

.popupMenu .inactive .label {
  color: #888;
}

.popupMenu .explanation {
  color: #888;
  text-align: right;
  padding: 0 5px;
  font-size: .9em;
}

.popupMenu .line.separatorBelow {
  border-bottom: 1px solid #ccc;
}

.popupMenu .line.hover {
  background: #dff;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Centered Dialog styles                                                *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.centeredDialog {
  border-width: 1px;
  border-style: solid;
  border-color: #999 #666 #666 #999;
  background: #fff;
  padding-bottom: 5px;
  z-index: 5001;
}

.centeredDialog td,
  .centeredDialog table,
  .centeredDialog tr,
  .centeredDialog th {
  padding: 0;
  margin: 0;
}

.centeredDialog .Caption {
  background: #ddd;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  text-align: center;
  color: #666;
  cursor: default;
  padding: 0 5px;
}

.centeredDialog .buttons button {
  padding: 0 2px;
  border: 1px solid #999;
  background: #ddd;
  color: #555;
  margin: 0 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Confirm & Information Box styles                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.confirmBox .question,
  .informationBox .information {
  padding: 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Error Box styles                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.errorBox .errorMessage {
  padding: 5px;
  color: red;
}

.errorBox .Caption {
  background: #db8c8c;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Content Box styles                                                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* content */
.contentBox .contentContainer {
  margin: 5px 10px 5px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #bbb #eee #eee #bbb;
  padding: 5px;
}

/* bottom bar */
.contentBox .error,
  .contentBox .statusMessage {
  padding: 0 10px 5px 10px;
}

.contentBox .error {
  color: red;
}

.contentBox .buttons .close {
  margin: 0 10px 5px 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Loader Box styles                                                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.loaderBox .loaderImage {
  padding: 10px;
}

.loaderBox .loaderMessage {
  padding: 10px 10px 10px 0;
}

/* TODO: add promptbox styles */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  Star Rating styles                                                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.starRating {
  height: 14px;
  width: 70px;
}

.starRating table,
  .starRating td,
  .starRating tr {
  border-collapse: collapse !important;
  padding: 0;
  margin: 0;
}

.starRating .selectable {
  cursor: pointer;
}